<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="<%=basePath%>">
<title>主页</title>
<link type="text/css" href="<%=basePath%>css/jquery-ui.css" rel="stylesheet" />
<link type="text/css" href="<%=basePath%>css/main.css"rel="stylesheet">
<link type="text/css" href="<%=basePath%>css/datepicker.css" rel="stylesheet"/>
<link type="text/css" href="<%=basePath%>css/jCal/jCal.css"rel="stylesheet">
<link type="text/css" href="<%=basePath%>css/buttons.css" rel="stylesheet" />
</head>
<body>
<jsp:include page="/WEB-INF/common/header.jsp"></jsp:include>

<div class="outline">
	<div class="second_level">
		<div class="second_level_left">
			<div class="text_tag">
				<span style="margin-left:10px">Measurement Data</span> 
				<img src="<%=basePath%>css/headAndFoot/images/slash.jpg"></img> 
				<span id="dateSpan"></span>
			</div>
			<div>
				<table id="firstTable">
					<tr>
						<th>序号</th><th>名称</th><th>浓度</th><th>单位</th><th>状态</th>
					</tr>
					<tr>
						<td>1</td><td>COO</td><td>0.00</td><td>Mg/L</td><td>正常</td>
					</tr>
					<tr>
						<td>2</td><td>NH4</td><td></td><td>Mg/L</td><td>离线</td>
					</tr>
					<tr>
						<td>3</td><td>TOC</td><td></td><td>Mg/L</td><td>正常</td>
					</tr>
					<tr>
						<td>4</td><td>TP</td><td></td><td>Mg/L</td><td>正常</td>
					</tr>
					<tr>
						<td>5</td><td>PH</td><td></td><td></td><td>正常</td>
					</tr>
					<tr>
						<td>6</td><td>DO</td><td></td><td>Mg/L</td><td>正常</td>
					</tr>
					<tr>
						<td>&nbsp</td><td> </td><td></td><td></td><td></td>
					</tr>
				</table>
				
				<table id="secondTable">
					<tr>
						<th>序号</th><th>名称</th><th>浓度</th><th>单位</th><th>状态</th>
					</tr>
					<tr>
						<td>1</td><td>COO</td><td>0.00</td><td>Mg/L</td><td>正常</td>
					</tr>
					<tr>
						<td>2</td><td>NH4</td><td></td><td>Mg/L</td><td>离线</td>
					</tr>
					<tr>
						<td>3</td><td>TOC</td><td></td><td>Mg/L</td><td>正常</td>
					</tr>
					<tr>
						<td>4</td><td>TP</td><td></td><td>Mg/L</td><td>正常</td>
					</tr>
					<tr>
						<td>5</td><td>PH</td><td></td><td></td><td>正常</td>
					</tr>
					<tr>
						<td>6</td><td>DO</td><td></td><td>Mg/L</td><td>正常</td>
					</tr>
					<tr>
						<td>&nbsp</td><td> </td><td></td><td></td><td></td>
					</tr>
				</table>
			</div>
		
			<div class="table_tag">
				<div style="float:left;width:47%">
					<span class="button_tip">各类检测参数实时浓度</span> 
					<button class="button button-primary button-rounded button-small" style="float:right">NEXT</button> 
				</div>
				<div style="float:right;width:47%">
					<button class="button button-primary button-rounded button-small" style="float:right">NEXT</button>
		  		</div>
		  	</div>
		</div>
	
		<div class="second_level_right" style="z-index:-1">
			<div id="tendency_hchart" style="margin-right:0px;z-index:-1">
			</div>
		</div>
	</div>
	
	<div class="third_level">
		<div class="third_level_left">
			<div class="input_area">
				<div class="date_input">
					<div>
						<span>设置获取数据的时间段</span>
					</div>
					<div >
						<span>From:</span>
						<input type="text" id="fromDateTime">
					</div>
					<div>
						<span>To:</span>
						<input type="text" id="toDateTime">
					</div>
					<div>
						<span>取平均值的时间间隔:</span>
						<input type="text" id="interval">
					</div>
					<div>
						<span id="dateErrSpan" class="errSpan"></span>
						<input type="button" id="submitDate" value="提交">
					</div>
				</div>
				<div class="setMaxMin">
					<div >
						<span>设置最大值最小值</span>
					</div>
					<div >
						<span>Max:</span>
						<input type="text" id="maxValue">
					</div>
					<div>
						<span>Min:</span>
						<input type="text" id="minValue">
					</div>
				</div>
				<div class="setWaveThreshold">
					<div >
						<span>设置波长报警值</span>
					</div>
					<div >
						<span>波长:</span>
						<input type="text" id="waveVal">
					</div>
					<div>
						<span>报警值:</span>
						<input type="text" id="threshold">
					</div>
					<div>
						<span id="waveErrSpan" class="errSpan"></span>
						<input type="button" id="submitWave" value="修改">
					</div>
				</div>
			</div>
			<div id="big_hg">
			</div>
		</div>
	
		<div class="third_level_right">
			<div class="colorTip">
				<div class="tip_div"><span class="today_tip">&nbsp&nbsp&nbsp&nbsp</span><span class="text_tip">Today</span></div>
				<div class="tip_div"><span class="free_tip">&nbsp&nbsp&nbsp&nbsp</span><span class="text_tip">Free</span></div>
				<div class="tip_div"><span class="busy_tip">&nbsp&nbsp&nbsp&nbsp</span><span class="text_tip">Busy</span></div>
			</div>
			<div id="cal">
			</div>
		</div>
	</div>
</div>
<jsp:include page="/WEB-INF/common/bottom.jsp"></jsp:include>
</body>
<script type="text/javascript" src="<%=basePath%>js/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery/jquery-ui-slide.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="<%=basePath%>js/highchartJs/highcharts.js"></script>
<script type="text/javascript" src="<%=basePath%>js/highchartJs/exporting.js"></script>
<script type="text/javascript" src="<%=basePath%>js/highchartJs/export-csv.js"></script>
<script type="text/javascript" src="<%=basePath%>js/calenderJs/jCal.js"></script>
<script type="text/javascript" src="<%=basePath%>js/calenderJs/calassist.js"></script>
<script type="text/javascript" src="<%=basePath%>js/mainpage/setwave.js"></script>
<script type="text/javascript" src="<%=basePath%>js/mainpage/drawchart.js"></script>
<script type="text/javascript" src="<%=basePath%>js/mainpage/mainpage.js"></script>

</html>
